<!--02-01课程任务计划-->
<!-- By：邱冠霖 -->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>课程任务计划</title>
  <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  <link rel="stylesheet" href="css/bootstrap.min.css" />
  <script type="text/javascript" src="js/bootstrap.min.js"></script>
  <link rel="stylesheet" href="./layui/css/layui.css">
  <link rel="stylesheet" href="./css/mycss/CourseTaskPlan.css">

</head>

<body>
  <div>
    <div class="from">
      <form class="layui-form" action="">
        <div class="layui-row">
          <div class="layui-col-md3">



            <div class="layui-inline">
              <label class="layui-form-label">课程名</label>
              <div class="layui-input-inline">
                <input type="text" name="p1" autocomplete="off" class="layui-input">
              </div>
            </div>
          </div>
          <div class="layui-col-md3">

            <div class="layui-inline">
              <label class="layui-form-label">作业名</label>
              <div class="layui-input-inline">
                <input type="text" name="p2" autocomplete="off" class="layui-input">
              </div>
            </div>
          </div>
          <div class="layui-col-md3">
            <div class="layui-inline">
              <label class="layui-form-label">截止时间</label>
              <div class="layui-input-inline">
                <input type="text" class="layui-input" id="date1" placeholder="yyyy年MM月dd日">
              </div>
            </div>
          </div>
        </div>
      </form>
    </div>
    <div class="mytable">
      <table class="layui-table" lay-skin="line">
        <colgroup>
          <col width="150">
          <col width="150">
          <col width="200">
          <col>
        </colgroup>
        <thead>
          <tr>
            <th>序号</th>
            <th>课程名</th>
            <th>作业名</th>
            <th>对象</th>
            <th>截止时间</th>
            <th>创建时间</th>
            <th>完成情况</th>
            <th>操作</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>1</td>
            <td>导论</td>
            <td>作业1</td>
            <td>团队</td>
            <td>2018-01-31</td>
            <td>201801-30 09:43:51</td>
            <td>
              <span>
                <i class="layui-icon">&#x1006;</i>未提交</span>
            </td>
            <td>
              <a class="td-operation" href="#">分配任务</a>
              <label class="td-operation">|</label>
              <a class="td-operation" href="#">提交方案</a>
            </td>
          </tr>
          <tr>
            <td>2</td>
            <td>导论</td>
            <td>作业2</td>
            <td>学员</td>
            <td>2018-01-31</td>
            <td>201801-30 09:43:51</td>
            <td>
              <span>
                <i class="layui-icon">&#xe605;</i>已提交</span>
            </td>
            <td></td>
          </tr>
        </tbody>
      </table>
    </div>
  </div>
  <script src="./layui/layui.js" charset="utf-8"></script>
  <script>
    layui.use('laydate', function () {
      var laydate = layui.laydate;
      //日期范围
      laydate.render({
        elem: '#date1'
      });

    });

  </script>

</body>


</html>